@charset "utf-8";
/* 用户中心 */

.user-info{ background-color:#6891c5; width:100%; /*float:left;*/}
.icon-r { float:left; width:100%;}
.icon-r img{ float:right; margin:10px 20px auto auto; width:30px;}
.user-photo{ width:100%; float:left;}
.user-photo img{ display:block; width:120px; height:120px; border-radius:60px; -webkit-border-radius:60px; margin:20px auto;}
.user-name{ font-size:22px; color:#fff; letter-spacing:8px; margin-bottom:20px; text-align:center; border-bottom:#fff 1px solid; padding-bottom:5px;}
.tab-ul{ width:100%; float:left; padding-bottom:3px;}
.tab-ul li{ width:49%; color:#fff; float:left; text-align:center; line-height:20px; padding-bottom:5px;}
.tab-ul li.jg{ width:2%; background:url(img/jgx.png) no-repeat center; height:20px; background-size:auto 53px;}
.tab-ul li.on{ border-bottom:#fff 3px solid;}
.function-block{ margin:0 auto; padding:5px;}
.block{ background-color:#fff!important; margin:5px auto; padding:12px;} 
.myask{ background:url(img/my-ask.jpg) no-repeat 10px center; padding-left:50px; background-size:30px;}
a.btn-r{ float:right; display:block;  }
.down{ background:url(img/arr-down.png) no-repeat; background-size:auto 13px; height:13px; width:24px;margin:5px 10px auto auto;}
.right{ background:url(img/arr-right.png) no-repeat; background-size:cover; width:13px; height:24px;margin:-3px 10px auto auto; }
.my-que,my-rep{ color:#000; font-weight:bold; font-size:16px;}
.que-con{ width:98%; margin:20px auto 0; border:#333 solid; border-width:1px 0 1px 0; line-height:26px; font-weight:bold; float:left;}
.icon-area{ margin:0px auto 5px auto; float:right;}
.icon-area ul li{ float:left; padding-left:20px; font-weight:normal; background-size:18px!important; font-size:14px; margin-right:10px;}
.icon-area ul li:nth-child(1){ background:url(img/collect-icon.png) no-repeat left 2.4px;}
.icon-area ul li:nth-child(2){ background:url(img/rep-icon.png) no-repeat left 2.4px;}
.icon-area ul li:nth-child(3){ background:url(img/good-icon.png) no-repeat left 2.4px;}
.myrep{ padding:12px 0;}
.myrep-detail{ border-top:#333 solid 1px; width:98%;} 
.more-icon{ display:block; margin:10px auto; width:40px;}
.que-con01{border-top:#ddd 1px solid; width:100%; position:relative; padding:10px 10px 20px; background-color:#fff; height:120px; overflow:hidden;  border-radius: 0 0 3px 3px ; -webkit-border-radius:0 0 3px 3px;}
/*合同管理*/
.mycontra{ background:url(img/manage-icon.png) no-repeat 10px center; padding-left:50px; background-size:30px;}
.contra-list{ float:left; width:100%;}
.contra-list ul li{ float:left; width:100%; padding-left:38px; background-size:26px!important; border-bottom:#333 1px solid; padding-top:10px; padding-bottom:10px;}
.contra-list ul li:nth-child(1){ background:url(img/mycontra-icon.png) no-repeat left center;}
.contra-list ul li:nth-child(2){ background:url(img/exam-icon.png) no-repeat left center;}
.contra-list ul li:nth-child(3){ background:url(img/contemp-icon.png) no-repeat left center; border-bottom:none;}

.photo-small img {
    border-radius: 18px;
    height: 36px;
    width: 36px;
}

.que-t {
    background-color: #fff !important;
    border-radius: 3px 3px 0 0;
    color: #022e55;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin: 10px auto 0;
    padding: 12px;
    position: relative;
    width: 100%;
}

.bref {
    color: #999;
    float: left;
    height: 60px;
    left: 55px;
    line-height: 20px;
    margin-left: 5px;
    overflow: hidden;
    padding-right: 10px;
    position: absolute;
}
.que-con {
    background-color: #fff;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #ddd;
    height: 120px;
    overflow: hidden;
    padding: 10px 10px 20px;
    position: relative;
    width: 100%;
}
.fn{
	font-weight:normal;
}
.photo-small{ float:left;}
.icon-area01{ margin:0px auto 5px auto; right:10px; position:absolute; top:80px;}
.icon-area01 ul li{ float:left; padding-left:20px; font-weight:normal; background-size:18px!important; font-size:14px; margin-right:10px;}
.icon-area01 ul li:nth-child(1){ background:url(img/collect-icon.png) no-repeat left 2.4px;}
.icon-area01 ul li:nth-child(2){ background:url(img/rep-icon.png) no-repeat left 2.4px;}
.icon-area01 ul li:nth-child(3){ background:url(img/good-icon.png) no-repeat left 2.4px;}
